<template>
	<view>
		<parser :html="html" class="parser markdown-body"></parser>
	</view>
</template>

<script>
	import parser from '@/components/jyf-Parser/index.vue'
	import marked from '@/plugins/marked/src/marked.js'
	import '@/static/css/markdown.css'
	export default {
		props:{
			textInfo:{
				type:String,
				default:'loading...'
			}
		},
		computed:{
			html(){
				return marked(this.textInfo)
			}
		},
		methods: {
			
		},
		components:{
			parser
		}
	}
</script>

<style scoped>
	 
	.parser{
		margin: 0px 10px  20px 10px;
		font-size: 10px;
		font-weight: 100;
	}
</style>
